import React, { Component } from 'react';
import { GoodfoodBox } from '../style'

class Goodfood extends Component {
  render() {
    return (
      <GoodfoodBox>
        <h1>精品好菜</h1>
        <div>
          {
            this.props.data && this.props.data.map((item, index) => (
              <dl key={'goodfood_' + index}>
                <dt>
                  <img style={{ height: '173px' }} src={item.img} />
                </dt>
                <dd>
                  <h3>{item.name}</h3>
                  <p>1000浏览  2000收藏</p>
                </dd>
              </dl>
            ))
          }
        </div>
      </GoodfoodBox>
    );
  }
}

export default Goodfood;
